<template>
	<view class="rf-index">
		
		<u-navbar :is-back="false" :title="title" title-color="#000" v-if="appcity==1">
			<view class="slot-wrap" @tap="navTo('/pages/location/location')">	
				<i class="iconfont iconicon-test" :class="'text-' + themeColor.name"/> 
				<view class="villageCity">{{villageCity.name}} <text class="iconfont iconxiajiantou2" /></view>
			</view>
		</u-navbar>
         <view class="swiper-adv" v-if="advs.index_top.length">
			<!-- 顶部轮播图 -->
			<uni-swiper-dot :info="advs.index_top" :current="current" field="content" mode="round" :dotsStyles="{ backgroundColor: '#FFF', color: themeColor.color, selectedBackgroundColor: themeColor.color, border: 'none', selectedBorder: 'none' }">
				<swiper class="swiper-box" :current="current" circular autoplay :indicator-dots="false" indicator-color="#FFF" :indicator-active-color="themeColor.color" @animationfinish="animationfinish">
					<swiper-item v-for="(item, index) in advs.index_top" :key="index" @tap="indexTopToDetailPage(item)">
						<u-image :src="item.image_src" width="100%" height="300" border-radius="15" mode="aspectFill" /> 
					</swiper-item>
				</swiper>
			</uni-swiper-dot>
		</view>

		<view>
               <!-- 导航列表 -->
				<swiper
						:indicator-active-color="themeColor.color"
						indicator-color="#666"
						:indicator-dots="navList.length > 10"
						:style="{height: navList.length <= 5 ? '200rpx' : '400rpx'}"
						class="category-list-wrapper"
						v-if="navList.length > 0">
						<swiper-item class="category-list">
							<view class="category" v-for="(sItem, sIndex) in navList" :key="sIndex" @tap.stop="navToByStoreId(sItem.url)">
								<view class="img">
									<image :src="sItem.icon"></image>
								</view>
								<view class="text in1line">{{ sItem.title}}</view>
							</view>
						</swiper-item>
					</swiper>
				
				<!--新闻通知-->
				<rf-swiper-slide v-if="noticeList.length > 0" :list="noticeList" class="rf-skeleton" @navTo="navToNotice">
					<view slot="header" class="swiper-slide-header">
						<text class="iconfont icongonggao" :class="'text-'+themeColor.name"></text>
					</view>
				</rf-swiper-slide>
				<view v-if="log" style="margin: 20px">
					{{log}}
				</view>
				<!-- 推荐 -->
				<view class="hot-recommend">
					<view class="left">
						<image class="hot-recommend-image" @tap="navToByStoreId(hotRecommendList[0].url)" :src="hotRecommendList[0].icon"></image>
					</view>
					<view class="right">
						<image class="hot-recommend-image" @tap.stop="navToByStoreId(hotRecommendList[1].url)" :src="hotRecommendList[1].icon"></image>
						<image class="hot-recommend-image" @tap.stop="navToByStoreId(hotRecommendList[2].url)" :src="hotRecommendList[2].icon"></image>
					</view>
				</view>
			
				
				<!--新房优选-->
				
				<view  class="alone-title">
				<view   class="title">
				<view  class="title-left">
				<view  class="left-name">二手房优选</view>
				</view>
				<view  class="title-right" >
				<view  class="name-1" @tap.stop="navToByStoreId('/pages/sale/list')">更多<text class="iconfont iconyou"></text></view>
				
				</view>
				</view>
				</view>
				<!--推荐房源列表-->
				<sale :list="saleList" />
				<view style="height: 10px;background: #f8f8f8;"></view>
				<!--推荐经纪人-->
				<view  class="alone-title">
				<view   class="title">
				<view  class="title-left">
				<view  class="left-name">经纪人</view>
				</view>
				<view  class="title-right">
				<view  class="name-1"  @tap.stop="navToByStoreId('/pages/company/list')" >更多<text class="iconfont iconyou"></text></view>
			
				</view>
				</view>
				</view>
				
				
					
					
				<view  class="p_manager w_670 m_auto" style="order: 12; ">
					
					<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" >
					
					<view v-for="(item, index) in companyList" :key="index" class="index-discount-content-smalls dis_inline-block">
					<navigator :url="'/pages/company/detail?id=' + item.userid" >
					        <view   class="bList">
				            	<view  class="image">
					                <view   class="sheen-image" style="border-radius: 50%;" loading="Loading" empty="Empty">
						               <image :src="item.avatar" mode="aspectFill"class="img"  style="width: 52px; height: 52px; border-radius: 50%;"></image>
					                </view>
								</view>
								<view  class="name">{{item.truename}}</view>
								<view  class="tips"></view>
								<view  class="bbtn"  :background-color="themeColor.color" >在线咨询</view>
							</view>
							</navigator>
					</view>
					
					
					</scroll-view>
					
					
					
					<view style="height: 10px;background: #fff;"></view>
				</view>
				<view style="height: 10px;background: #f8f8f8;"></view>
				<!--热门商品-->
				
				
				<view class="list-view-sticky">
				
				<view   class="nav-container index-tabs">
				
				<view  class="nav-list">
				<view  class="nav-item" :class="{ active: filterIndex === 0 }" @click="TabClick(0)">
				<view  class="text">二手房</view>
				</view>
				<view  class="nav-item" :class="{ active: filterIndex === 1 }" @click="TabClick(1)">
				<view  class="text">租房<!----></view>
				</view>
				
				<view  class="nav-item" :class="{ active: filterIndex === 2 }" @click="TabClick(2)">
				<view  class="text">资讯<!----></view>
				</view>
				</view>
				
				</view>
				
				</view>
				
				<sale :list="saleList" v-if="filterIndex === 0" />
				<rent :list="rentList" v-if="filterIndex === 1" />
				<articleList :list="articleList" v-if="filterIndex === 2" />
				
				<view  class="index-btn" v-if="filterIndex === 0"><view   class="btnmore" @tap.stop="navToByStoreId('/pages/sale/list')">查看更多</view></view>
				<view  class="index-btn" v-if="filterIndex === 1"><view   class="btnmore" @tap.stop="navToByStoreId('/pages/rent/list')">查看更多</view></view>
				<view  class="index-btn" v-if="filterIndex === 2"><view   class="btnmore" @tap.stop="navToByStoreId('/pages/news/list')">查看更多</view></view>
				<view  class="cu-load "></view>
				<!--网站备案号-->
				<!--#ifdef H5-->
				<view class="copyright" v-if="config.web_site_icp">
					{{ config.copyright_desc }}
					<a href="http://www.beian.miit.gov.cn">{{ config.web_site_icp }}</a>
				</view>
				<!-- #endif -->
			</block>
			
		</view>
		
		<!--页面加载动画-->
		<rfLoading isFullScreen :active="loading"></rfLoading>
		<rf-back-home></rf-back-home>
		<rf-back-top :scrollTop="scrollTop"></rf-back-top>
		<!--提示升级界面-->
		<!--#ifdef APP-PLUS-->
	
		<!--#endif-->

	</view>
</template>
<script>
/**
 * @des 首页
 *

 * @date 2022-01-08 14:14
 * @copyright 2019
 */
import {
	indexList
} from '@/api/equipment.js';


import rfSwiperSlide from '@/components/rf-swiper-slide';

import sale from '@/components/aj-list/sale.vue';

import rent from '@/components/aj-list/rent.vue';
import articleList from '@/components/aj-list/article.vue';
const QQMapWX = require('@/common/qqmap-wx-jssdk.min.js');
import { mapMutations } from 'vuex';
export default {
	components: {
		
		
		
		rfSwiperSlide,
		sale,
		
		rent,
		articleList,
		
	},
	data() {
		return {
			hideFunction:"0",
			update_url:'',
			version:'1.0.0',
			sort: 'hot',
			//appName: this.$mSettingConfig.appName,
			path: '/pages/index/index',
			title: this.$mSettingConfig.appName,
			appcity: this.$mSettingConfig.appcity,
			//20230306
			villageCity: {
				areaid: 0,
				name: '全国'
			},
			
			qqmapsdk: null,
			filterIndex: 0,//产品tab索引
			current: 0, // 轮播图index
			advs: {
				index_top: []
			}, // 广告图
			articleList:[],//文章列表
			navList: [],
			navList: this.$mConstDataConfig.navList,
			config: {}, // 商户配置
			noticeList: [], // 公告列表
			share: {},
			loading: true,
			scrollTop: 0,
			kefuShow: true,
			loadingType: 'more',
			hotSearchDefault: '请输入关键字',
			newsBg: this.$mAssetsPath.newsBg,
			errorImage: this.$mAssetsPath.errorImage,
			appName: this.$mSettingConfig.appName,
			tabCurrentIndex: 0,
			
			pageNum :0,
			currentCate: 0,
      hotRecommendList: this.$mConstDataConfig.hotRecommendList,
		
		    houseList: [], // 新房列表
			saleList: [], // 二手房列表
			rentList: [], // 租房列表
			companyList: [], // 经纪人列表
			Params: {},
			log:'',
			gpsModal:false,
			showPhoneModal:false,
			modalButton:[
				{
					text: '取消',
					type: 'gray',
					plain: true //是否空心
				},
				{
					text: '允许',
					type: 'primary',
					plain: false
				}]

		};
	},
	onLoad() {
		//this.qqmapsdk = new QQMapWX({
			//key: this.$mData.maps[0].key
		//});
		
		this.initData();
	},
	onShow() {
		let city = uni.getStorageSync('city');
	
		if (city && this.city.id != city.id) {
			this.city = city;
			
			this.$nextTick(() => {
				for (let tab of this.$mData.types) {
					this.getMescroll(tab.key-1).triggerDownScroll();
				}
			});
		}
	},
	onPageScroll(e) {
		this.scrollTop = e.scrollTop;
	},
	/* onReachBottom() {
		this.mescroll && this.mescroll.onReachBottom();
	},
	onPageScroll(e) {
		this.mescroll && this.mescroll.onPageScroll(e);
	}, */
	onPullDownRefresh() {
		this.getIndexList('refresh');
	},
	onShareAppMessage(res) {
		return { 
			title: this.title,
			path: this.path
		};
	},
	computed: {
		statusBar() {
			const e = uni.getSystemInfoSync();
			return e.statusBarHeight;
		},
		bottom() {
			let bottom = 0;
			/*  #ifdef H5  */
			bottom = 90;
			/*  #endif */
			return bottom;
		}
	},
	methods: {
		scroll: function(e) {
					//	console.log(e)
						//this.old.scrollTop = e.detail.scrollTop
					},
	  // 数据初始化
	  initData() {
	  	this.getCity();
	  	this.getIndexList();
	  },
		agreeGps(e){
			let index = e.index;
			if (index === 0) {
			} else {
				this.jxb.getNearestRegion();
				this.jxb.getGps();
			}
			this.gpsModal = false;
			uni.setStorageSync("firstGpsModalHasShow","1");
		},
		//筛选点击
		TabClick(index) {
			this.pageNum = 0;
			this.filterIndex = index
			if (index === 0) {
				this.Params.orderBys=5
				this.Params.source = "";
				delete this.Params.source;
			} else if (index === 1) {
				this.Params.source = 1;
			} else {
				this.Params.source = 0;
			}
			//this.getProductList('refresh')
			// uni.pageScrollTo({
			// 	duration: 300,
			// 	scrollTop: 0
			// });
		},
		// 顶部tab点击
	
		
		
		// 监听轮播图切换
		animationfinish(e) {
			this.current = e.detail.current;
		},
		//20221005
		
		
		// 首页参数赋值
		initIndexData(data) {
			this.advs = data.adv;
			this.noticeList = data.announce;
			this.houseList = data.house_list;
			this.saleList = data.sale_list;
			this.rentList = data.rent_list;
			this.articleList = data.news_list;
			this.companyList = data.company_list;
			this.config = data.config;
			this.$mHelper.handleWxH5Share(this.share.share_title || this.appName, this.share.share_desc || `欢迎来到${this.appName}`, this.share.share_link || this.$mConfig.hostUrl, this.share.share_cover || this.$mSettingConfig.appLogo);
		},
		
		
		
		
		
		
		// 通用跳转
		navToNotice(id) {
			this.$mRouter.push({ route: `/pages/index/notice/detail?id=${id}` });
		},
		// 通用跳转
		navTo(route) {
			this.$mRouter.push({ route });
		},
		
		// 通用跳转Tab
		navToTab(route) {
			uni.switchTab({
				url: route
			});
		},
		navToByStoreId(route) {
			if(route.indexOf("sale") !== -1 ){
				this.navToTab(route);
			}else if(route.indexOf("more") !== -1 ){
				uni.showToast({
					
					title: `功能正在加紧开发中，敬请期待！`,
					icon: 'none'
				})
			}else{
				this.navTo(route);
			}
		},
		//20230309
		
		
		// 通用跳转
		navToArticel(id) {
			this.navTo(`/pages/article/detail?id=${id}`);
		},
		// 通用跳转
		navToSearch() {
			this.$mRouter.push({
				route: `/pages/index/search/search?data=${JSON.stringify(this.search)}`
			});
		},
		// 跳至广告图指定页面
		indexTopToDetailPage(item) {
			var url = item.url
    	 	this.navTo(url);
		//	this.$mHelper.handleBannerNavTo(item.jump_type, item.jump_link, item.id);
		},
		// 获取主页数据
		async getIndexList(type) {
			await this.$http .get(`${indexList}`, {params:{villageCity:this.villageCity.areaid,}})
				.then(async r => {
					uni.setNavigationBarTitle({ title: this.appName });
					if (type === 'refresh') {
						uni.stopPullDownRefresh();
					}
					// 首页参数赋值
					this.initIndexData(r);
					this.loading = false;
				})
				.catch(() => {
					this.loading = false;
					if (type === 'refresh') {
						uni.stopPullDownRefresh();
					}
				});
		},
	
		
	
   

   
	

  
	getCity() {
		let villageCity = uni.getStorageSync('villageCity');
		
		if (villageCity) {
			this.villageCity = villageCity;
		} else {
			let _this = this;
			// #ifdef MP
			uni.authorize({
				scope: 'scope.userLocation',
				success() {
			// #endif
				uni.setStorageSync('villageCity', villageCity);	
			// #ifdef MP
				}
			});
			// #endif
		}
	}	
		
	}
};
</script>
<style lang="scss">
page {
	background-color: $page-color-base;
}
.rf-index {
	background-color: $color-white;
	
		.slot-wrap {
			display: flex;
			align-items: center;
			/* flex: 1; */
			padding: 0 30rpx;
			.city {
				max-width: 150upx;
				color: #666;
				white-space: nowrap;
				text-overflow: ellipsis; 
				overflow: hidden; 
				// -webkit-line-clamp: 1;
				// -webkit-box-orient: vertical;
			}
		}
	
	.swiper-adv {
		background: $color-white;
		padding: 10upx 20upx;
		.swiper-box {
			width: 100%;
			height: 300upx;
			overflow: hidden;
			border-radius: 15upx;
			//box-shadow: 0upx 8upx 25upx rgba(0, 0, 0, 0.2);
			//兼容ios，微信小程序
			//position: relative;
			swiper {
				width: 100%;
				height: 40vw;
			}
		}
	}
	/*轮播图2*/
	.swiper-item-text {
		position: absolute;
		bottom: 16upx;
		left: 30upx;
		height: 48upx;
		line-height: 48upx;
		background: rgba(0, 0, 0, 0.2);
		width: 90%;
		color: $color-white;
		border-bottom-left-radius: 12upx;
		padding-left: 20upx;
	}
	
	
	/*轮播图*/
	.swiper {
		width: 100%;
		margin-bottom: 20upx;
		display: flex;
		justify-content: center;
		.swiper-box {
			width: 92%;
			height: 40vw;
			overflow: hidden;
			border-radius: 15upx;
			box-shadow: 0upx 8upx 25upx rgba(0, 0, 0, 0.2);
			//兼容ios，微信小程序
			position: relative;
			z-index: 1;
			swiper {
				width: 100%;
				height: 40vw;
				swiper-item {
					image {
						width: 100%;
						height: 40vw;
					}
				}
			}
		}
	}
  /* 爆款推荐 */
  .hot-recommend {
		background-color: $color-white;
    display: flex;
    padding: $spacing-base $spacing-lg 0;
    .hot-recommend-image {
      width: 100%;
      height: 100%;
    }
    .left {
      flex: 3;
      height: 290upx;
      margin-right: 15upx;
	  .hot-recommend-image {
	   border-radius: 0px;
	       width: 175px;
	       height: 152px;
	  }
    }
    .right {
      flex: 4;
      .hot-recommend-image {
        height: 140upx;
		border-radius: 0px;
		    width: 175px;
		    height: 74px;
      }
    }
  }
	/*轮播图2*/
	.swiper-item-text {
		position: absolute;
		bottom: 16upx;
		left: 30upx;
		height: 48upx;
		line-height: 48upx;
		background: rgba(0, 0, 0, 0.2);
		width: 90%;
		color: $color-white;
		border-bottom-left-radius: 12upx;
		padding-left: 20upx;
	}
	/*新闻通知*/
	.swiper-slide-header {
		.picfont {
			font-size: $font-lg + 8upx;
			font-weight: 600;
		}
	}
	/*分类列表*/
	.category-list-wrapper {
		.category-list {
			width: 100%;
			padding: $spacing-base;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			.category {
				margin-top: 10upx;
				width: calc(20% - 20upx);
				height: 132upx;
				display: flex;
				text-align: center;
				flex-wrap: wrap;
				.img {
					width: 100%;
					display: flex;
					justify-content: center;
					image {
						width: 12vw;
						height: 12vw;
						border-radius: 50%;
					}
				}
				.text {
					margin-top: 16upx;
					width: 100%;
					display: flex;
					justify-content: center;
					font-size: 24upx;
					color: #3c3c3c;
				}
			}
		}
	}
	/*版权显示*/
	.copyright {
		margin: 10upx 0;
		width: 100%;
		text-align: center;
		color: #666;

		a {
			display: block;
			color: #666;
			text-decoration: none;
		}
	}
	/*限时抢购*/
	.order-item {
		display: flex;
		flex-direction: column;
		background: #fff;
		padding: 0 30upx;
		margin-bottom: 20upx;

		.goods-box-single {
			display: flex;
			padding: 40upx 10upx 10upx;
			height: 330upx;
			border-radius: 12upx;
			margin-top: 20upx;
			box-shadow: 2px 2px 10px rgba(66, 135, 193, 0.2); // 阴影
			border-bottom: 1px solid rgba(0, 0, 0, 0.05); // 边框
			position: relative;

			.goods-img {
				display: block;
				border-radius: 12upx;
				width: 190upx;
				height: 200upx;
			}

			.right {
				flex: 1;
				display: flex;
				flex-direction: column;
				padding: 0 30upx 0 24upx;
				overflow: hidden;

				.title {
					font-weight: bold;
					line-height: 1.2;
					margin: 10upx 0;
				}

				.attr-box {
					line-height: 1.2;
					margin-bottom: 8upx;
					margin-left: 10upx;
				}

				.last-line {
					margin-top: 3upx;
					display: flex;
					justify-content: space-between;
					align-items: center; /* 垂直居中 */
					.red {
						margin-right: 4upx;
					}
				}

				.price {
					font-size: $font-lg;
					line-height: 1;
					.m-price {
						margin-left: 8upx;
						color: $font-color-light;
						font-size: $font-sm;
						text-decoration: line-through;
					}
				}

				.triangle-wrapper {
					position: absolute;
					overflow: hidden;
					top: 0;
					right: 0;
					border-radius: 12upx;

					.triangle {
						color: #5eba8f;
						width: 0;
						height: 0;
						border-top: 120upx solid;
						opavillageCity: 0.8;
						border-left: 120upx solid transparent;
					}

					.triangle-content {
						position: absolute;
						top: 28upx;
						right: 0;
						transform: rotate(45deg);
						font-size: $font-sm - 2upx;
						color: #fff;
					}
				}
			}
		}

		.action-box {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			height: 90upx;
			position: relative;

			.discount-time {
				font-size: $font-sm;
				color: $uni-color-success;
				margin-right: 20upx;
			}
		}
	}
	.index-cate {
		white-space: nowrap;
		z-index: 10;
		background-color: $color-white;
		/*#ifndef MP*/
		position: fixed;
		/*#endif*/
		margin-bottom: $spacing-sm;
		.index-cate-item {
			display: inline-block;
			height: 75upx;
			line-height: 75upx;
			margin: 0 15upx;
			text-align: center;
			width: 120upx;
			font-size: $font-base;
		}
		.active {
			font-weight: 500;
			border-bottom: 2px solid;
		}
	}
	.main-wrapper {
		margin-top: 85upx;
		/*#ifdef MP*/
		margin-top: 0;
		/*#endif*/
	}
	.index-cate-house-list {
		padding-top: $spacing-sm;
		background-color: $page-color-base;
		.no-data {
			margin: 48upx 0;
			color: $font-color-light;
			display: flex;
			justify-content: center;
			align-items: center;
			.picfont {
				margin-right: 20upx;
			font-size: $font-lg + 16upx;
			}
		}
	}
}
.sublist {
	padding: 0 10px;
	margin-top: $spacing-base;
	margin-bottom: $spacing-base;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	.box {
		border-radius: 30px;
		width: calc(100vw / 3.2);
		height: 40px;
		margin-bottom: $spacing-lg;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		image {
			width: 20px;
		}
		.text {
			width: 100%;
			display: flex;
			justify-content: center;
			font-size: 24upx;
		}
	}
}
.list {
	margin-top: $spacing-base;
	margin-bottom: $spacing-base;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	.box {
		width: calc(100vw / 3);
		margin-bottom: $spacing-lg;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		image {
			width: 64%;
			height: calc(100vw / 3 * 0.64);
		}
		.text {
			margin-top: 8upx;
			width: 100%;
			display: flex;
			justify-content: center;
			font-size: 26upx;
		}
		.category-tag {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: $spacing-sm;
			font-size: $font-sm + 2upx;
			margin-right: $spacing-base;
			color: $font-color-dark;
			background-color: $page-color-base;
			border-radius: 6upx;
		}
	}
	.article-box {
		width: calc((100vw - 20px) / 3);
		margin-bottom: $spacing-lg;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding: 0 5px;
		position: relative;
		image {
			border-radius:6px;
			width: 100%;
			height: calc(100vw / 3 * 0.7);
		}
		.text {
			margin-top: 8upx;
			width: 100%;
			display: flex;
			justify-content: center;
			font-size: 26upx;
		}
		.category-tag {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: $spacing-sm;
			font-size: $font-sm + 2upx;
			margin-right: $spacing-base;
			color: $font-color-dark;
			background-color: $page-color-base;
			border-radius: 6upx;
		}
	}
}
.article-nav {
	width: calc((100vw - 50px) / 3);
	position: absolute;
	bottom: 0;
	height: 40rpx;
	justify-content: flex-start;
	background: rgba(0, 0, 0, 0.4);
	box-sizing: box-sizing;
	overflow: hidden;
	border-radius: 0 0 6px 6px;
}

.article-nav-item {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 22rpx;
	color: #fff;
	box-sizing: box-sizing;
	margin: 4rpx 12rpx;
}
// navBar样式
.navbar {
	display: flex;
	height: 40px;
	padding: 0 5px;
	background: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
	position: relative;
	z-index: 0;
	.nav-item {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		font-size: 15px;
		position: relative;
		&.current {
			color: #0081ff;
			font-weight: bold;
			&:after {
				content: '';
				position: absolute;
				left: 50%;
				bottom: 0;
				transform: translateX(-50%);
				width: 44px;
				height: 0;
				border-bottom: 2px solid;
			}
		}
	}
	
	
}
//新房优选
	.alone-title {
	  padding-left: 15px;
	}
	.title {
	 display:-webkit-box;
	 display:-webkit-flex;
	 display:flex;
	 height:44px;
	 -webkit-box-align:center;
	 -webkit-align-items:center;
	 align-items:center;
	 -webkit-box-pack:justify;
	 -webkit-justify-content:space-between;
	 justify-content:space-between;
	 padding-bottom:5px
	}
	.title .title-left {
	 display:-webkit-box;
	 display:-webkit-flex;
	 display:flex;
	 -webkit-box-align:center;
	 -webkit-align-items:center;
	 align-items:center
	}
	.title .title-left .left-line {
	 width:4px;
	 height:18px;
	 background-color:#f04632;
	 border-radius:2px;
	 margin-right:11px
	}
	.title .title-left .left-name {
	 font-size:18px;
	 font-weight:600;
	 color:#0e0e0e
	}
	.title .more {
	 font-size:14px;
	 color:#4e4e4e;
	 display:-webkit-box;
	 display:-webkit-flex;
	 display:flex
	}
	 .title-right .name-1 {
	  color: #999;
	  font-size: 14px;
	  margin-right: 5px;
	}
	//切换tab20221015
	 .list-view-sticky {
	    position: -webkit-sticky;
	    position: sticky;
	    top: 4px;
	    z-index: 4;
	    background-color: #fff;
	    
	    border-bottom: 1px solid #f5f5f5;
	}
	.nav-container {
	 width:100%;
	 box-sizing:border-box;
	 background-color:#fff;
	 overflow:hidden
	}
	.nav-container .active {
	 color:#101d37;
	 font-weight:600
	}
	.nav-container.index-tabs .nav-list .nav-item.active .text {
	 font-size:18px;
	 line-height:44px
	}
	.nav-container.index-tabs .nav-list .nav-item.active .text .line {
	 bottom:12px;
	 background-image:-webkit-linear-gradient(left,#ff433d,hsla(0,0%,100%,0));
	 background-image:linear-gradient(90deg,#ff433d,hsla(0,0%,100%,0));
	 left:0;
	 -webkit-transform:translate(0);
	 transform:translate(0)
	}
	.nav-container.index-tabs .nav-list .nav-item .text {
	 line-height:50px
	}
	.nav-container.type2 {
	 background-color:#333
	}
	.nav-container.type2 .nav-item {
	 color:#fff
	}
	.nav-container.type2 .active {
	 color:#fff;
	 font-weight:400
	}
	.nav-container.class-flex .nav-item {
	 -webkit-box-flex:1;
	 -webkit-flex:1;
	 flex:1;
	 text-align:center
	}
	.nav-container.class-flex .nav-item .text {
	 display:inline-block
	}
	.nav-container .nav-list {
	 display:-webkit-box;
	 display:-webkit-flex;
	 display:flex;
	 -webkit-flex-wrap:nowrap;
	 flex-wrap:nowrap;
	 height:44px;
	 line-height:44px;
	 font-size:14px;
	 color:#333
	}
	.nav-container .nav-list .nav-item .text {
	 position:relative;
	 margin:0 15px;
	 white-space:nowrap
	}
	.nav-container .nav-list .nav-item .line {
	 width:50%;
	 max-width:32px;
	 height:4px;
	 border-radius:2px;
	 background-image:-webkit-linear-gradient(left,#ff433d 100%,#ff433d 0);
	 background-image:linear-gradient(90deg,#ff433d 100%,#ff433d 0);
	 position:absolute;
	 left:50%;
	 -webkit-transform:translate(-50%);
	 transform:translate(-50%);
	 bottom:10px
	}
	.nav-container .nav-list .nav-item .svg {
	 position:absolute;
	 left:50%;
	 margin-left:-12px;
	 top:15px
	}
	.index-btn {
	  margin: 0 15px 15px;
	}
	.index-btn .btnmore {
	  height: 40px;
	  background: #f8f8f8;
	  border-radius: 4px;
	  font-size: 14px;
	  line-height: 40px;
	  color: #333;
	  text-align: center;
	}
	//经纪人滚动
	 .m_auto {
	   margin: auto;
	 }
	 .w_670 {
	   width: 348px;
	 }
	.scroll-view_H {
	    white-space: nowrap;
	    width: 348px;
	    margin: auto;
	}
	 .bList {
	   width: 112px;
	   border: 1px solid #e8e8e8;
	   padding: 10px;
	   box-sizing: border-box;
	   border-radius: 5px;
	   margin-right: 5px;
	   text-align: center;
	   font-size: 14px;
	 }
	 .bList .image {
	   width: 50px;
	   height: 50px;
	   margin: auto;
	     margin-bottom: auto;
	   -moz-border-radius: 50%;
	   -webkit-border-radius: 50%;
	   border-radius: 50%;
	   overflow: hidden;
	   margin-bottom: 10px;
	 }
	 .sheen-image{
	   height: 100%;
	   width: 100%;
	   position: relative;
	   background-color: #e8e8e8;
	 }
	 .bList .name {
	   font-size: 16px;
	   font-weight: 700;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   white-space: nowrap;
	 }
	 .bList .tips {
	   margin-bottom: 5px;
	   color: #8f8f94;
	   overflow: hidden;
	   height: 15px;
	   -o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	   white-space: nowrap;
	   height: 20px;
	   line-height: 20px;
	 }
	 .bList .bbtn {
	   background-color: #f2304a;
	   border-radius: 5px;
	   color: #fff;
	   font-weight: 700;
	   padding: 2px 5px;
	 }
	 .dis_inline-block {
	     display: inline-block;
	 }

</style>
